<template>
   <div>
       <div class="first">
           <div class="img">
               <a href="https://g.meituan.com/app/gfe-app-page-tuan/detail-mt.html?dealId=56763062&stId=132492470320471302124112696798637506694_a193258706_c0_e14333254654465363111">
                   <img src="//p0.meituan.net/200.0/dpdeal/ec8ea490aa4c559606698bd417bdd54b299965.jpg" style="height: 100%;">
                </a>   
   </div>
   <div class="dealcard-block-right">
        <div class="title text-block">精品瑜伽团课体验课一节</div>
        <div class="price">
            <span class="strong">70</span><span class="strong-color">元</span>
                <del>8.8元</del>
        </div>
    </div>
       </div>
   <div class="second">
        <div class="img1">
            <a href="https://g.meituan.com/app/gfe-app-page-tuan/detail-mt.html?dealId=64361106&stId=132492470320471302124112696798637506694_a193258706_c1_e4314991179179426086">
                <img src="//p0.meituan.net/200.0/dpdeal/f79d38940b3019971ce642cb34345e44342972.png" style="height: 100%;">
            </a>
      
   </div>
   <div class="dealcard-block-right1">
        <div class="title text-block1">精品一对一基础私教体验课1节</div>
        <div class="price1">
            <span class="strong1">50</span><span class="strong-color">元</span>
                <del>49.9元</del>
        </div>
    </div>
   </div>
    <div class="more-down">查看其他1条团购</div>
    
   </div>
  
</template>
<script>
export default {
    name:"store.vue"
}
</script>
<style scoped>
.first{
    height: 100px;
}
.second{
    height: 100px;
}


.img{
    float: left;
    height: 100px;
    width: 30%;
    
}
 .dealcard-block-right {
    width: 68%;
    float: left;
}
a {
    color: #06c1ae;
    text-decoration: none;
    outline: 0;
}

.text-block {
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
}
.dealcard .price {
    width: 100%;
}

.strong {
    font-size: .38rem;
    color: #06c1ae;
}
.img1{
    float: left;
    height: 100px;
    width: 30%;
    margin-left: 8px;
    margin-top: 5px;
}
 .dealcard-block-right1 {
    width: 68%;
    float: left;
    margin-top: 10px;
}
a {
    color: #06c1ae;
    text-decoration: none;
    outline: 0;
}

.text-block1 {
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
}
.dealcard .price1 {
    width: 100%;
}

.strong1 {
    font-size: .38rem;
    color: #06c1ae;
}
.more-down{
    margin-top: 18px;
    font-size: 17px;
    color: #06c1ae;
}

</style>
